<template>
  <!-- 图片展示 -->
  <div class="image-container">
    <img src="@/assets/【哲风壁纸】rap-动感篮球元素.png" alt="首页背景图" />
  </div>
</template>

<style scoped>
.image-container {
  display: block;
  justify-content: center;
  align-items: center;
  background-color: #f0f2f5;
  padding: 2px;
}

.image-container img {
  max-width: 100%;
  max-height: auto;
  border-radius: 2px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.image-container img:hover {
  transform: scale(1.03);
}
</style>
